#{extends 'main.html' /} #{set title:'Home' /} #{set 'moreStyles'}
<link rel="stylesheet" href="@{'/public/stylesheets/forms.css'}">

<link rel="stylesheet" href="@{'/public/stylesheets/forms.css'}">
#{/set}

<script type="text/javascript">
	$(document).ready(
			function() {
				$('.left, .content input, .content textarea, .content select')
						.focus(function() {
							$(this).parents('.row').addClass("over");
						}).blur(function() {
							$(this).parents('.row').removeClass("over");
						});
			});
</script>

<div id=main>

	<script type="text/javascript">
		function createTarget(t) {
			window.open("", t, "width=600,height=550");
			return true;
		}
	</script>






	<form name=email action="@{Emails.mailSend()}" method="POST">

		<div class="content">
			<div class="row">
				<div class="left">Your Email*</div>
				<div class="right">
					<input type="Email" name="email.source" size='25' required>
				</div>
				<div class="clear"></div>
			</div>
			
			<div class="row">
				<div class="left">To*</div>
				<div class="right">
					<input type="Email" name="email.destination" size='25' required />
				</div>
				<div class="clear"></div>
			</div>
			
			<div class="row">
				<div class="left">Subject*</div>
				<div class="right">
					<input type="text" name="email.subject" size='25' required>
				</div>
				<div class="clear"></div>
			</div>
			
			<div class="row">
				<div class="left">Message*</div>
				<div class="right">
					<td><textarea rows="10" cols="25" name="email.message" required></textarea>
				</div>
				<div class="clear"></div>
			</div>

		
								
		<input type="submit" name="Send" value="Send email" />
				
		
		
		<p>*All Fields are Requireds</p>

	</form>


	
		<a href="@{Application.index()}">Back to Home</a>
	 



</div>


